<template>
  <div>
      <h1 v-text="msg" ref="title"></h1>
      <button @click="show" ref="btn">点我输出上方DOM</button>
      <school ref="sch" />
  </div>
</template>

<script>
    /*引入school组件*/
    import School  from './components/School.vue'
    export default {
        name:'App',
        components:{School},
        data() {
            return {
                msg: '欢迎学习vue',
            };
        },
        methods:{
           show(){
               console.log(this.$refs.title); //真实DOM元素
               console.log(this.$refs.btn);   //真实DOM元素
               console.log(this.$refs.sch);   //School组件的实例对象（vc）
           }
        }
    }
</script>